#slideCallback{
    width: 80%;
    height: 65%;
    border: solid 1px rgba(0,0,0,0);
    position: relative;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Microsoft YaHei";
}

#slideCallback > .content{
    width: 100%;
    height: 80%;
    border: solid 1px rgba(0,0,0,0);
}


.contentWord{
    width: 50%;
    height: 100%;
    position:absolute;
    left:0%;
    top:0%;
    float: left;
    border: solid 1px rgba(0,0,0,0);
}

@keyframes group_word_move{
    from{
        left:-100%;
    }
    to{
        left:0%;
    }
}

.contentWord > h2{
    height: 20%;
    width: 100%;
    font-size:36px;
    /* text-align: center; */
    line-height:60px;
    font-weight:bold;
    white-space:nowrap;
    color:#fff;
    border: solid 1px rgba(0,0,0,0);

    background: -webkit-linear-gradient(to left, #09c4ee, #00ff66);
    background: -moz-linear-gradient(to left, #09c4ee, #00ff66);
    background: -ms-linear-gradient(to left, #09c4ee, #00ff66);
    background: -o-linear-gradient(to left, #09c4ee, #00ff66);
    background: linear-gradient(to left, #09c4ee, #00ff66);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    text-fill-color: transparent;
    text-decoration: underline;
}

.contentWord > p{
    height: 80%;
    width: 70%;
    /* text-align: center; */
    margin-top:32px;
    font-size:12px;
    /* line-height:1.5em; */
    height: 50%;
    color:#fff;
    border: solid 1px rgba(0,0,0,0);
}

.contentPic{
    width: 50%;
    height: 100%;
    float: right;
    position:absolute;
    top:0%;
    right:0%;
    border: solid 1px rgba(0,0,0,0);
}

@keyframes group_pic_move{
    from{
        top:-100%;
    }
    to{
        top:0%;
    }
}

.contentPic > img{
    width: 100%;
    height: 100%;
}


#slideCallback > .tag {
    width: 100%;
    height: 20%;
    margin-top: 1%;
    position: absolute;
    bottom: 0%;
    border: solid 1px rgba(0,0,0,0);
    background-color: white;
    /* border-radius: 1%; */
}

#slideCallback > .tag > ul {
    width: 100%;
    height: 100%;
    border: solid 1px rgba(0,0,0,0);
    border-radius: 2%;

}

#slideCallback > .tag > ul >li {
    width: 12%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    margin-left:2%;
    list-style: none;
    cursor:pointer;
    border: solid 1px rgba(0,0,0,0);
}
#slideCallback > .tag > ul >li:hover{
    border:solid 1px rgb(0, 239, 71,1);
    opacity: 0.5;
    /*filter: brightness(1.1) contrast(110%);*/
}
#slideCallback > .tag > ul >li > .innerImg{
    width: 60%;
    height: 50%;
    margin: 10% auto;
    text-align: center;
}

#slideCallback > .tag > ul >li > .innerImg > img{
    width: 100%;
    height:100%;
}

#slideCallback > .tag > ul >li > p{
    width: 100%;
    height:30%;
    text-align: center;
}

/*.tag .boxBg {*/
    /*position: absolute;*/
    /*top: -14px;*/
    /*left: 20px;*/
    /*width: 115px;*/
    /*height: 156px;*/
    /*border-radius: 5px;*/
    /*background: #0084cf;*/
/*}*/


/*#slideCallback .tag .appendBg {*/
    /*position: absolute;*/
    /*top: -14px;*/
    /*left: 20px;*/
    /*z-index: 2;*/
    /*width: 115px;*/
    /*height: 156px;*/
    /*background: url(images/1.jpg) center 14px no-repeat;*/
    /*!* background: #333; *!*/
/*}*/